<template>
  <!-- 组件面板 -->
  <div class="flex flex-col h-full">
    <div class="flex-1 h-0 flex flex-col">
      <div class="flex-shrink-0">可用组件</div>
      <div class="flex-1 h-0 overflow-auto">
        <ComponentList />
      </div>
    </div>
    <div class="flex-1 h-0 flex flex-col">
      <div class="flex-shrink-0">组件实例树</div>
      <div class="flex-1 h-0 overflow-auto">
        <DesignCompTree />
      </div>
    </div>
  </div>
</template>

<script setup lang="ts"></script>

<style scoped less>
.comp-tab :deep(.ant-tabs-nav) {
  flex-shrink: 0;
  margin: 0;
}
.comp-tab :deep(.ant-tabs-content-holder) {
  flex: 1;
  height: 0;
  overflow: auto;
}
</style>
